<!--
// 
// MapTestPage.vue
// 海石后台管理
// 
// 2024/12/03.
// 
-->
<template>
    <g-flex column justify-content-around align-items-center class="MapTestPage">
        <very-map @ready="onMapReady" class="map"/>
    </g-flex>
</template>

<script setup>
import {ref, reactive, computed, onMounted} from "vue";
import {useStore} from "vuex";
import {useRouter} from "vue-router";
import VeryMap from "@/plugins/VeryMap/VeryMap.vue";

const props = defineProps({});
const emits = defineEmits();

// 路由
const router = useRouter();
// store
const store = useStore();

const app = {}

/**
 * 地图初始化
 * @param map
 */
const onMapReady = (map) => app.map = map;


onMounted(() => {
})
</script>

<style scoped lang="scss">
.MapTestPage {
    padding-top: 100px;
    .map {
        width: 800px;
        height: 400px;
        //background: orange;
    }
}
</style>